<script setup lang="ts">
// import { useIntersectionObserver } from '@vueuse/core'
// import {ref} from 'vue'
// const terget = ref<HTMLImageElement | null>(null)
// const { stop } = useIntersectionObserver(terget,
// ([{isIntersecting}] , observerElement)=>{
//     if(isIntersecting){
//         terget.value!.src='https://yanxuan-item.nosdn.127.net/d099046fb6145ae8bbf31e4ad0141973.png'
//         stop()
//         // console.log('stop结束监视');
//     }
// })
//---------------------------------------------------------
//提示框封装
import Message from '@/components/message/index'
const clickFn =()=>{
    // Message({type:'error',text:'登录失败'})
    Message.success('登录成功')
}
</script>


<template>
<!-- <div style="height: 3000px;" class="box">playground</div>
<img ref="terget"> -->
<!-- <XtxMessage></XtxMessage> -->
<div class="box"></div>
<button @click="clickFn">显示</button>

</template>






<style lang="less" scoped>
</style>
